<template>
   <el-form >
    <el-form-item label-width="120px" label="订单要求完成日期：">
       <el-date-picker v-model="chadate" type="date" placeholder="选择日期"></el-date-picker>
    </el-form-item>
    <el-form-item class="btnDir">
      <el-button @click="submitFun" type="primary">保存</el-button>
      <el-button @click="closeFun" type="info">关闭</el-button>
    </el-form-item>
  </el-form>
</template>
<script>
import { mapState } from "vuex";
export default {
  name: "BatchEditReqDate",
  data () {
    return {
      chadate:''
    };
  },
  computed: {
    ...mapState("user", ["user", "busiManagerId", "custManagerId"]),
  },
  props: {
    ODKInfo: {
      type: Object,
      default: () => {
        return {};
      },
    },
    CTOInfo: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },
  async mounted () {

  },
  methods: {
    submitFun () {
      console.log("选择的日期:",this.chadate)
      console.log("带过来的列表数据:",this.chadate)
    },
    closeFun () {
      this.$emit('close')
    }
  },
}
</script>
<style>
.el-form--inline .el-form-item {
  display: inline-flex;
  margin-right: 0.1rem;
  vertical-align: top;
  width: 42%;
}

.el-form-item__label {
  width: 94px;
}
.btnDir {
  margin-left: 36%;
  margin-top: 19px;
}
.el-table--enable-row-transition{
  margin-bottom: 20px;
}
</style>